<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表单</title>
    </head>
    <body>
<!--        1.form表示整个表单,action表示收集好数据的提交地址, #代表数据提交到当前页-->
        <form action="#">
<!--            value属性用来保存输入框的值,也可以用来设置输入框的默认值
                value如果设置在按钮上,用来设置按钮上的显示的文本 -->
            用户名: <input type="text" name="uname" value="达达"> <br>
<!--            单值属性:readonly:只读(只能看不能改) disabled:(只能看不能改,且值不能提交) -->
            昵称: <input type="text" name="nickname1" value="昵称1" readonly> <br>
            昵称2: <input type="text" name="nickname2" value="昵称2" disabled> <br>
            密码: <input type="password" name="upwd" placeholder="请输入密码"> <br>
            密码2: <input type="password" name="upwd2" maxlength="6"> <br>
            性别:
            <input type="radio" name="gender" value="1" checked>男
            <input type="radio" name="gender" value="0">女
            <br>
            爱好:
            <input type="checkbox" name="like" value="cy">抽烟
            <input type="checkbox" name="like" value="hj">喝酒
            <input type="checkbox" name="like" value="tt">烫头
            <input type="checkbox" name="like" value="java" checked>学Java
            <br>
<!--            h5新增的一些input控件-->
            生日: <input type="date" name="birthday"> <br>
            幸运色: <input type="color" name="lc"> <br>
<!--            取值范围[0,100],默认值为50-->
            缩放: <input type="range" name="sz"> <br>
            文件: <input type="file" name="uf"><br>
            <br>
            喜欢的城市:
            <select name="city" >
                <option value="bj">北京</option>
                <option value="nj" selected>南京</option>
                <option value="zh">珠海</option>
                <option value="cc">长春</option>
            </select>
            <br>
            <input type="checkbox" id="ok">
            <label for="ok">我同意上面的说法</label>
            <br>
<!--            效果:点击文字时,关联的输入框直接获取焦点(获得输入的那个光标)-->
            <label for="uu">关联文字</label>
            <input type="text" placeholder="请输入" id="uu">
            <br>
<!--            多行文本域-->
            留言板: <textarea name="content" cols="5" rows="10" style="resize:none;">默认值</textarea>
            <br>
            <input type="submit" value="点我提交">
            <input type="reset" value="点我重置">
            <input type="button" value="普通按钮">
            <button>我是按钮</button>
        </form>
    </body>
</html>